<!DOCTYPE html>
<html lang="en">
<head>
    <include file="public@head"/>
    <title>联系我们</title>
    <link rel="stylesheet" href="__TMPL__/portal/PCwebsite/css/common.css">
    <link rel="stylesheet" href="__TMPL__/portal/PCwebsite/css/contact.css">
</head>
<body>
<div class="contact">

    <div class="public-header" id="head_top">
        <div class="container clearfix">
            <div class="logo">
                <a href="http://www.meibbc.com"><img src="__TMPL__/portal/PCwebsite/img/logo.png"></a>
            </div>

            <div class="nav">
                <ul class="list clearfix">
                    <li>
                        <a href="/" class="animate-nav-line">首页</a>
                    </li>
                    <li>
                        <a href="/portal/dt/index" class="animate-nav-line">企业动态</a>
                    </li>
                   <!-- <li>
                        <a href="/portal/shop/index" class="animate-nav-line">BBCC商城</a>
                    </li>-->
                    <li>
                        <a href="/portal/club/index" class="animate-nav-line">俱乐部</a>
                    </li>
                    <li>
                        <a href="#" class="animate-nav-line active">联系我们</a>
                    </li>
                    <li>
                        <a href="/portal/app/index" class="animate-nav-line">APP下载</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="">
        <div style="height: 138px;width: 100%;background: #f3e9e8"></div>
        <!--<div class="banner-list">-->
            <img src="__TMPL__/portal/PCwebsite/img/connect.jpg" width="100%" height="100%">
        <!--</div>-->
        <!--<a href="/portal/app/index" class="btn-more" style="left: 525px">了解更多</a>-->
    </div>

    <div class="contact-1">
        <div class="container">
            <div class="title">
                <div class="big-text">办公地点</div>
                <div class="small-text">ADDRESS</div>
            </div>
            <div class="map-box">
                <div class="map-item">
                    <div id="map-wrap1"></div>
                    <div class="intro">美胸汇总部：广州市从化区横江路339号</div>
                </div>
                <div class="map-item">
                    <div id="map-wrap2"></div>
                    <div class="intro">天河软件研发中心：广州市天河区大地工业区D栋3楼</div>
                </div>
            </div>
        </div>
    </div>

    <div class="contact-2">
        <div class="container">
            <div class="title">
                <div class="big-text">合作</div>
                <div class="small-text">TEAMWORK</div>
            </div>
            <div class="img-list">
                <!--<div class="left">-->
                    <img src="__TMPL__/portal/PCwebsite/img/together.png" width="390px">
                <!--</div>-->
                <!--<div class="midden">-->
                    <img src="__TMPL__/portal/PCwebsite/img/together2.png" width="390px">
                <!--</div>-->
                <div class="center" style="border-radius: 10px">
                    <div class="list" style="display: flex;justify-content: space-between;align-items: center">
                        <div class="caption" style="width: 80px">商务合作</div>
                        <ul style="width: 235px">
                            <li>联系人：刘经理</li>
                            <li>电话：020-29867149</li>
                            <li>邮箱：meibbc_bc_pd@meibbc.com</li>
                        </ul>
                    </div>
                    <div class="list" style="display: flex;justify-content: space-between;align-items: center">
                        <div class="caption" style="width: 80px">广告合作</div>
                        <ul style="width: 235px">
                            <li>联系人：罗经理</li>
                            <li>电话：(+86)186-6662-9622</li>
                            <li>邮箱：2562768817@qq.com</li>
                        </ul>
                    </div>
                    <div class="list" style="display: flex;justify-content: space-between;align-items: center">
                        <div class="caption" style="width: 80px">俱乐部</div>
                        <ul style="width: 235px">
                            <li>联系人：刘老师</li>
                            <li>电话：(+86)135-6669-898</li>
                            <li>&nbsp;&nbsp;</li>
                        </ul>
                    </div>
                    <!--<div class="icon-phone"></div>-->
                </div >
                <!--<div class="right">-->
                    <img src="__TMPL__/portal/PCwebsite/img/together3.png" width="400px">
                <!--</div>-->
            </div>
        </div>
    </div>

    <include file="public@footer"/>

</div>
</body>
</html>
<!--秘钥： CxjQu95BXRMZMc2GHglE6nNZgWUhzzXa-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=CxjQu95BXRMZMc2GHglE6nNZgWUhzzXa"></script>
<script type="text/javascript">
    var map = new BMap.Map("map-wrap1"); //创建Map实例
    var point = new BMap.Point(113.580809, 23.60229);
    map.centerAndZoom(point, 17); // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes: [
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]
    }));
    map.setCurrentCity("广州"); // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

    var marker = new BMap.Marker(point); // 创建标注
    map.addOverlay(marker); // 将标注添加到地图中
    var opts = {
        width: 200, // 信息窗口宽度
        height: 100, // 信息窗口高度
        title: "美胸汇总部", // 信息窗口标题
        enableMessage: true, //设置允许信息窗发送短息
        message: "亲耐滴，晚上一起吃个饭吧？戳下面的链接看下地址喔~"
    }
    var infoWindow = new BMap.InfoWindow("地址：广州市从化区横江路339号 <br /> 电话：13822223300", opts); // 创建信息窗口对象
    marker.addEventListener("click", function () {
        map.openInfoWindow(infoWindow, point); //开启信息窗口
    });

    var map2 = new BMap.Map("map-wrap2"); //创建Map实例
    var point2 = new BMap.Point(113.3843, 23.138114);
    map2.centerAndZoom(point2, 17); // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    map2.addControl(new BMap.MapTypeControl({
        mapTypes: [
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]
    }));
    map2.setCurrentCity("广州"); // 设置地图显示的城市 此项是必须设置的
    map2.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

    var marker2 = new BMap.Marker(point2); // 创建标注
    map2.addOverlay(marker2); // 将标注添加到地图中
    var opts2 = {
        width: 200, // 信息窗口宽度
        height: 100, // 信息窗口高度
        title: "天河软件研发中心", // 信息窗口标题
        enableMessage: true, //设置允许信息窗发送短息
        message: "亲耐滴，晚上一起吃个饭吧？戳下面的链接看下地址喔~"
    }
    var infoWindow2 = new BMap.InfoWindow("地址：广州市天河区大地工业区D栋3楼 <br /> 电话：13822223300", opts2); // 创建信息窗口对象
    marker2.addEventListener("click", function () {
        map2.openInfoWindow(infoWindow2, point2); //开启信息窗口
    });
</script>
